<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="format-detection" content="telephone=no"/>
  <meta content="email=no" name="format-detection"/>
  <script src="../build/flexible.js"></script>
  <script src="../build/flexible_css.js"></script>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/main.css">
  <link rel="stylesheet" href="../css/icons.css">
  <link rel="stylesheet" href="../css/each/activityDetail.css">
  <!--[if lt IE 8]><!-->
  <link rel="stylesheet" href="../ie7/ie7.css">
  <!--<![endif]-->
  <title>山南家园</title>
</head>
<body class="body-white">
<header>
  <div class="header-tit box box-left box-center">
    <div class="item-fix header-icon"><a href="myTopic.html" class=" icon-back"></a></div>
    <h1 class="item">活动</h1>
    <div class="item-fix icons-square font20"></div>
    <a href="issueActivity.html" class="header-rightBtn font20">···</a>
  </div>
</header>
<section class="section-single">
  <div class="activity-img">
    <div class="activity-img-block">
      <img src="../img/banner.jpg" alt="">
    </div>
    <ul class="activity-detail-list box box-center box-all box-between font12">
      <li class="activity-detail-item box box-center">看电影</li>
      <li class="activity-detail-item box adress">
        <i class="icon-position positionIcon"></i>&nbsp;&nbsp;
        <span>二环路东二环1号龙湖三千集5楼</span>
      </li>
      <li class="activity-detail-item box activityTime">
        <i class="icon-time"></i>&nbsp;&nbsp;
        <span>2016.11.15 16:00</span>
      </li>
      <li class="activity-detail-item box box-center">我买单</li>
    </ul>
  </div>
  <div class="activity-introl">
    <div class="already-signer box box-between box-center">
      <span class="font14 sign-num">已报名：<em>2</em></span>
      <ul class="signer-headImg-list box box-right box-wrap">
        <li class="signer-headImg-item"><img src="../img/head-default.jpg" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/testHead.png" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/head-default.jpg" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/testHead.png" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/testHead.png" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/testHead.png" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/testHead.png" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/testHead.png" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/testHead.png" alt=""></li>
        <li class="signer-headImg-item"><img src="../img/testHead.png" alt=""></li>
      </ul>
    </div>
    <div class="activity-content font14">
      <p class="activity-title">一起看电影</p>
      <hr class="cut-line"/>
      <p class="activity-word">
        故事背景跨越20世纪八十年代至二十一世，纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初
        故事背景跨越2，0世纪八十年代至二十一世纪初故事背景跨，越20世纪八十年代至二十一世纪，初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初
        故事背景跨越20世，纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初故事背景跨越20世纪八十年代至二十一世纪初
      </p>
      <div class="code-img box box-center">
        <div class="code-img-item box box-col box-center">
          <div class="code-img-box">
            <img src="../img/code_demo_img.png" alt="">
          </div>
          <p>组织者二维码</p>
        </div>
        <div class="code-img-item box box-col box-center">
          <div class="code-img-box">
            <img src="../img/code_demo_img.png" alt="">
          </div>
          <p>我的二维码</p>
        </div>
      </div>
    </div>
  </div>
</section>
<script src="../js/jquery.js"></script>
<script>
  $(function(){
    var imgWidth=$(".activity-img-block").width();
    $(".activity-img-block").height(imgWidth/2.147);
  })
</script>
</body>
</html>